import React, { Context } from 'react'
import { Button } from 'antd'
import style from './style.module.scss'

interface MultiSelectorProps{

}

interface MultiSelectorState {

}

interface SelectorButtonProps {
    readonly loading?: boolean;
    readonly ghost?: boolean;
    readonly value: string;
}

interface SelectorButtonState {
}

type SelectorContextType = {
    selected: number[];
    value: string[];
}

const MultiSelect: Context<SelectorContextType> = React.createContext({
    selected: [0],
    value: ['a']
})

export class SelectorButton extends React.Component<SelectorButtonProps, SelectorButtonState> {
    render () {
        return (
            <Button loading={this.props.loading} ghost={this.props.ghost} className={style.multiButton}>
                {this.props.children}
            </Button>
        )
    }
}

export class MultiSelector extends React.Component<MultiSelectorProps, MultiSelectorState> {
    render () {
        return (
            <div>
                {this.props.children}
            </div>
        )
    }
}
